<!doctype html>
<html>
  <head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>对比</title>
    <link rel="stylesheet" href="css/bootstrap-ui.min.css">
    <link rel="stylesheet" href="css/bootstrap-theme.min.css">
	<link rel="stylesheet" href="css/bootstrap-modal.css">
	<link rel="stylesheet" href="css/joywindow.bootstrap.css">
	<link rel="stylesheet" href="css/buttons.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" href="css/style.css">

	<script type="text/javascript" src="script/jquery-1.7.2.js"></script>
	<script type="text/javascript" src="script/bootstrap.js"></script>
	<script type="text/javascript" src="script/bootstrap-progressbar.js"></script>
	<script type="text/javascript" src="script/buttons.js"></script>
	<script type="text/javascript" src="script/bootstrap-modal.js"></script>
	<script type="text/javascript" src="script/bootstrap-modalmanager.js"></script>
	<script type="text/javascript" src="script/modal.manager.plugin1.0.js"></script>
	<script type="text/javascript" src="script/jshow.utils.js"></script>
	<script type="text/javascript" src="script/jquery.ui.draggable.js"></script>
	<script type="text/javascript" src="script/form.validate.js"></script>
	<script type="text/javascript" src="script/string.js"></script>
	<script type="text/javascript" src="script/util-cyss.js"></script>
	<script type="text/javascript" src="script/dao.js"></script>
	<script type="text/javascript" src="script/scroller-bar-cyss.js"></script>
	<script type="text/javascript" src="script/index-cyss.js"></script>

  </head>
  <body>
  		<div class="panel panel-default">
	    	<div class="panel-heading">操作区</div>
	    	<div class="panel-body">
	    		<ul id="operate-tabs" class="nav nav-tabs">
					<li class="active" ref="win_num_operate_panel"><a href="#">号码</a></li>
					<li ref="trend_panel"><a href="#">走势</a></li>
					<li ref="compare_panel"><a href="#">对比</a></li>
					<li ref="modify_show_num"><a href="#">显示</a></li>
					<li ref="sort_type"><a href="#">排序</a></li>
					<li ref="operate_usual"><a href="#">导入</a></li>
					<li id="tab_atcive" ref="active_program"><a href="#">产品</a></li>
				</ul>
				<div id="win_num_operate_panel" class="operate_panel">
					<div class="input-group">
				    	<label>号码期数：
				    		<input id="qs_str" type="text" class="form-control" placeholder="号码期数" maxlength="6"></label>
			    	</div>
			    	<div class="input-group">
				    	<label>中奖号码：
				    		<input id="win_num_str" type="text" class="form-control" placeholder="中奖号码" maxlength="5"></label>
			    	</div>
			    	<div>
			    		<button id="add" type="button" class="btn btn-default"> 添加 </button>
			    		<button id="delete" type="button" class="btn btn-primary"> 删除最后一项 </button>
			    	</div>
		    	</div>
		    	<div id="trend_panel" class="operate_panel">
		    		<button tag="0" type="button" class="btn btn-default figure_btn"> 万位 </button>
		    		<button tag="1" type="button" class="btn btn-default figure_btn"> 千位 </button>
		    		<button tag="2" type="button" class="btn btn-default figure_btn"> 百位 </button>
		    		<button tag="3" type="button" class="btn btn-default figure_btn"> 十位 </button>
		    		<button tag="4" type="button" class="btn btn-primary figure_btn"> 个位 </button>
		    	</div>
		    	<div id="compare_panel" class="operate_panel">
					<button class="btn btn-default adjust_btn" tag="-" type="button"> - </button>
				    <input id="step_len" type="text" class="form-control" value="9" readonly="readonly" size="6" style="width: 50px;" />
				    <button class="btn btn-default adjust_btn" tag="+" type="button"> + </button>
				    <div>
				    	<button id="compare_step_btn" type="button" class="btn btn-default"> 对比 </button>
				    </div>				
		    	</div>
		    	<div id="modify_show_num" class="operate_panel">
		    		<button type="button" class="btn btn-primary show_row_num" tag="50"> 50期 </button>
					<button type="button" class="btn btn-default show_row_num" tag="300"> 300期 </button>
					<button type="button" class="btn btn-default show_row_num" tag="600"> 600期 </button>
					<button type="button" class="btn btn-default show_row_num" tag="1200"> 1200期 </button>
					<button type="button" class="btn btn-default show_row_num" tag="3600"> 3600期 </button>
		    	</div>
		    	<div id="sort_type" class="operate_panel">
		    		<button type="button" class="btn btn-primary" tag="0"> 顺序 </button>
					<button type="button" class="btn btn-default" tag="1"> 按最后一行排序 </button>
					<button type="button" class="btn btn-default" tag="2"> 按对比排序 </button>
					<button type="button" class="btn btn-default" tag="3"> 按对字数最后一行排序 </button>
					<button type="button" class="btn btn-default" tag="4"> 按对字数对比排序 </button>
		    	</div>
		    	<div id="operate_usual" class="operate_panel">
		    		<!-- <button type="button" class="btn btn-primary" tag="0"> 导入 </button> -->
		    		<div class="control-group">
			            <label class="control-label" for="file_path">导入文件</label>
			            <div class="controls">
			            	<input type="text" id="file_path" readonly="readonly" size="22" class="form-control" value="" style="width: 300px;" />
			            	<button id="chose_file" type="button" class="btn btn-default">选择文件</button> 
			              	<input class="input-file" id="file_import" type="file" style="display:none">
			            </div>
			            <button id="import_file_btn" type="button" class="btn btn-primary" tag="0"> 导入 </button>
			        </div>
		    	</div>
		    	<div id="active_program" class="operate_panel">
		    		<button id="active_btn" type="button" class="btn btn-primary"> 激活 </button>
		    	</div>
			</div>
	    </div>
		<div class="panel panel-default">
			<div class="panel-heading">展示区</div>
			<div class="panel-body">
				<table border="1" bordercolor="#888888" class="table table-condensed">
					<thead valign="middle">
						<tr>
							<td style="min-width: 50px">期数</td>
							<td style="min-width: 56px">中奖号码</td>
							<td style="min-width: 26px">大</td>
							<td style="min-width: 26px">小</td>
							<td style="min-width: 26px">单</td>
							<td style="min-width: 26px">双</td>
						</tr>
					</thead>
					<tbody>

					</tbody>
				</table>
				<div id="vertical_scroll"></div>
				<div id="horizontal_scroll"></div>
			</div>
		</div>
		<div id="page_loading"></div>
		<center id="progress_center">
			<!-- <p id="porgress_desc"></p>
			<div id="progressbar"></div> -->
			<img src="icons/loading.gif" width="94" height="94" />
		</center>
  </body>
</html>
